﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ARS.Master" AutoEventWireup="true" CodeBehind="ContractInfo.aspx.cs" Inherits="NUS.ISS.ARS.Web.Booking.ContractInfo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
     <div class="row bs-wizard" style="border-bottom:0;">
        <div class="col-xs-2 bs-wizard-step complete">
            <div class="text-center bs-wizard-stepnum">Search Fight</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step complete">
            <div class="text-center bs-wizard-stepnum">Passenger Info</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step complete">
            <div class="text-center bs-wizard-stepnum">Summary</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step active">
            <div class="text-center bs-wizard-stepnum">Conntact Info</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step disabled">
            <div class="text-center bs-wizard-stepnum">Check Out</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>
    </div>
    <!--
        <div class="navigationBarDiv">
            <asp:Image id="navigator" runat="server"
               AlternateText="Image text"
               Width="600"
               ImageAlign="left"
               ImageUrl="../Images/Step4.png"/>
        </div>
    -->
    
    <div>
    <asp:ValidationSummary ID="valildSummary" runat="server"
        class="errorSummary" HeaderText="Error Summary"/>
    </div>

    <div class="well">
        <table style="width: 100%" class="table">
        <tr>
            <td style="border-top: 0px">
                Title:
            </td>
            <td style="border-top: 0px">
                <asp:DropDownList ID="ddlTitle" runat="server" Height="26px" Width="60px">
                    <asp:ListItem Value="1">MR.</asp:ListItem>
                    <asp:ListItem Value="2">MS.</asp:ListItem>
                    <asp:ListItem Value="3">MISS.</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td style="border-top: 0px">
                Given Name:
            </td>
            <td style="border-top: 0px">
                <asp:TextBox ID="txtGivenName" runat="server" Width="200px"></asp:TextBox>
                <div class="error">
                    <asp:RequiredFieldValidator ID="rfvtxtGivenName" runat="server" ControlToValidate="txtGivenName"
                    Text="*" ErrorMessage="Given Name is required."></asp:RequiredFieldValidator>
                </div>
            </td>
        </tr>
        <tr>
            <td style="border-top: 0px">
                Sur Name:
            </td>
            <td style="border-top: 0px">
                <asp:TextBox ID="txtSurName" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td style="border-top: 0px">
                Contract Number:
            </td>
            <td style="border-top: 0px">
                <asp:TextBox ID="txtContractNumber" runat="server" Width="200px"></asp:TextBox>
                <div class="error">
                    <asp:RegularExpressionValidator ID="revContractNumber" runat="server" Display="Dynamic"
                        ValidationExpression="^[0-9]{8}$" ControlToValidate="txtContractNumber" ErrorMessage="Invalid Phone Number."  Text="*">
                        </asp:RegularExpressionValidator>
                 </div>
            </td>
        </tr>
        <tr>
            <td style="border-top: 0px">
                Email:
            </td>
            <td style="border-top: 0px">
                <asp:TextBox ID="txtEmail" runat="server" Width="200px"></asp:TextBox>
                 <div class="error">
                    <asp:RequiredFieldValidator ID="rfvtxtEmail" runat="server" ControlToValidate="txtEmail" Display="Dynamic"
                        Text="*" ErrorMessage="Email is required."></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="revValid" runat="server" Display="Dynamic"
                    ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtEmail" ErrorMessage="Invalid Email Format." Text="*">
                    </asp:RegularExpressionValidator>
                 </div>
            </td>
        </tr>
    
        </table>
    </div>


    <div class="form-group well" style="text-align: right">
        <asp:Button ID="btnPre" runat="server" Text="Previous" onclick="btnPre_Click" CausesValidation="false" class="btn btn-danger" />
        <asp:Button ID="btnNext" runat="server" Text="Next" onclick="btnNext_Click" class="btn btn-primary"/>
    </div>

</asp:Content>
